<template>
  <div>
    <h3>Test组件</h3>
    <p ref="abc">这是test组件中的p标签</p>
    <button @click="getP">获取p</button>
  </div>
</template>

<script>

export default {
methods:{
  getP(){
    // const p = document.querySelector('p')
    const p = this.$refs.abc  //根据ref值 查找元素的写法
    console.log(p.innerHTML);
    },
    show(){
    console.log(12345);
  }
  },
  
}
</script>

<style>

</style>